<!--
 * @Author: '浪川' '1214391613@qq.com'
 * @Date: 2025-08-19 15:27:30
 * @LastEditors: '浪川' '1214391613@qq.com'
 * @LastEditTime: 2025-08-20 16:22:18
 * @FilePath: \passiflora-edulis-sims\src\components\CreateBook\AITableComponent.vue
 * @Description:
 *
 * Copyright (c) 2025 by '1214391613@qq.com', All Rights Reserved.
-->
<script setup lang="ts">
import { usePuzzleReqStore } from 'src/stores/CreateBook/puzzle-req-store'
import PuzzleDataCardComponent from '../PuzzleCard/PuzzleDataCardComponent.vue'
const puzzle_req_store = usePuzzleReqStore()
// function getKeys<T extends object>(obj: T): Array<keyof T> {
//   return Object.keys(obj) as Array<keyof T>
// }
</script>
<template>
  <div>
    <q-table
      flat
      bordered
      grid
      title="Treats"
      :rows="puzzle_req_store.data"
      row-key="name"
      binary-state-sort
    >
      <template v-slot:item="props">
        <div
          class="q-pa-xs col-xs-12 col-sm-6 col-md-4 col-lg-4 grid-style-transition"
          :style="props.selected ? 'transform: scale(0.95);' : ''"
        >
          <PuzzleDataCardComponent :data="props.row" />
        </div>
      </template>
    </q-table>
  </div>
</template>

<style scoped></style>
